﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="js/esl.js"></script>
</head>
<body>
    <div id="mainMap" style="height: 500px; border: 1px solid #ccc; padding: 10px;"></div>
</body>
</html>
<script>
    require.config({
        paths: {
            echarts: './js/echarts',
            'echarts/chart/bar': './js/echarts-map',
            'echarts/chart/line': './js/echarts-map',
            'echarts/chart/map': './js/echarts-map'
        }
    });

    require(
    [
        'echarts',
        'echarts/chart/bar',
        'echarts/chart/line',
        'echarts/chart/map'
    ],
    function (ec) {
       
        var myChart2 = ec.init(document.getElementById('mainMap'));
        var idx = 1;

        var option = {
            timeline: {
                data: [
                    '2013-01-01', '2013-02-01', '2013-03-01', '2013-04-01', '2013-05-01',
                    { name: '2013-06-01', symbol: 'emptyStar6', symbolSize: 8 },
                    '2013-07-01', '2013-08-01', '2013-09-01', '2013-10-01', '2013-11-01',
                    { name: '2013-12-01', symbol: 'star6', symbolSize: 8 }
                ],
                label: {
                    formatter: function (s) {
                        return s.slice(0, 7);
                    }
                }
            },
            options: [
                {
                    title: {
                        text: '部门历史收入分析',
                        subtext: '部门饼图',
                        x:"center"
                    },
                    tooltip: {
                        trigger: 'item',
                        formatter: "{a} <br/>{b} : {c} ({d}%)"
                    },
                    legend: {
                        orient:"vertical",
                        x:"left",
                        data: ['信息1组', '信息2组', '信息3组', '信息4组', '信息5组']
                    },
                    series: [
                        {
                            name: '部门历史收入分析',
                            type: 'pie',
                            center: ['50%', '45%'],
                            radius: '50%',
                            data: [
                                { value: idx * 128 + 80, name: '信息1组' },
                                { value: idx * 64 + 160, name: '信息2组' },
                                { value: idx * 32 + 320, name: '信息3组' },
                                { value: idx * 16 + 640, name: '信息4组' },
                                { value: idx++ * 8 + 1280, name: '信息5组' }
                            ]
                        }
                    ]
                },
                {
                    series: [
                        {
                            name: '部门历史收入分析',
                            type: 'pie',
                            data: [
                                { value: idx * 128 + 80, name: '信息1组' },
                                { value: idx * 64 + 160, name: '信息2组' },
                                { value: idx * 32 + 320, name: '信息3组' },
                                { value: idx * 16 + 640, name: '信息4组' },
                                { value: idx++ * 8 + 1280, name: '信息5组' }
                            ]
                        }
                    ]
                },
                {
                    series: [
                        {
                            name: '部门历史收入分析',
                            type: 'pie',
                            data: [
                                { value: idx * 128 + 80, name: '信息1组' },
                                { value: idx * 64 + 160, name: '信息2组' },
                                { value: idx * 32 + 320, name: '信息3组' },
                                { value: idx * 16 + 640, name: '信息4组' },
                                { value: idx++ * 8 + 1280, name: '信息5组' }
                            ]
                        }
                    ]
                },
                {
                    series: [
                        {
                            name: '部门历史收入分析',
                            type: 'pie',
                            data: [
                                { value: idx * 128 + 80, name: '信息1组' },
                                { value: idx * 64 + 160, name: '信息2组' },
                                { value: idx * 32 + 320, name: '信息3组' },
                                { value: idx * 16 + 640, name: '信息4组' },
                                { value: idx++ * 8 + 1280, name: '信息5组' }
                            ]
                        }
                    ]
                },
                {
                    series: [
                        {
                            name: '部门历史收入分析',
                            type: 'pie',
                            data: [
                                { value: idx * 128 + 80, name: '信息1组' },
                                { value: idx * 64 + 160, name: '信息2组' },
                                { value: idx * 32 + 320, name: '信息3组' },
                                { value: idx * 16 + 640, name: '信息4组' },
                                { value: idx++ * 8 + 1280, name: '信息5组' }
                            ]
                        }
                    ]
                },
                {
                    series: [
                        {
                            name: '部门历史收入分析',
                            type: 'pie',
                            data: [
                                { value: idx * 128 + 80, name: '信息1组' },
                                { value: idx * 64 + 160, name: '信息2组' },
                                { value: idx * 32 + 320, name: '信息3组' },
                                { value: idx * 16 + 640, name: '信息4组' },
                                { value: idx++ * 8 + 1280, name: '信息5组' }
                            ]
                        }
                    ]
                },
                {
                    series: [
                        {
                            name: '部门历史收入分析',
                            type: 'pie',
                            data: [
                                { value: idx * 128 + 80, name: '信息1组' },
                                { value: idx * 64 + 160, name: '信息2组' },
                                { value: idx * 32 + 320, name: '信息3组' },
                                { value: idx * 16 + 640, name: '信息4组' },
                                { value: idx++ * 8 + 1280, name: '信息5组' }
                            ]
                        }
                    ]
                },
                {
                    series: [
                        {
                            name: '部门历史收入分析',
                            type: 'pie',
                            data: [
                                { value: idx * 128 + 80, name: '信息1组' },
                                { value: idx * 64 + 160, name: '信息2组' },
                                { value: idx * 32 + 320, name: '信息3组' },
                                { value: idx * 16 + 640, name: '信息4组' },
                                { value: idx++ * 8 + 1280, name: '信息5组' }
                            ]
                        }
                    ]
                },
                {
                    series: [
                        {
                            name: '部门历史收入分析',
                            type: 'pie',
                            data: [
                                { value: idx * 128 + 80, name: '信息1组' },
                                { value: idx * 64 + 160, name: '信息2组' },
                                { value: idx * 32 + 320, name: '信息3组' },
                                { value: idx * 16 + 640, name: '信息4组' },
                                { value: idx++ * 8 + 1280, name: '信息5组' }
                            ]
                        }
                    ]
                },
                {
                    series: [
                        {
                            name: '部门历史收入分析',
                            type: 'pie',
                            data: [
                                { value: idx * 128 + 80, name: '信息1组' },
                                { value: idx * 64 + 160, name: '信息2组' },
                                { value: idx * 32 + 320, name: '信息3组' },
                                { value: idx * 16 + 640, name: '信息4组' },
                                { value: idx++ * 8 + 1280, name: '信息5组' }
                            ]
                        }
                    ]
                },
                {
                    series: [
                        {
                            name: '部门历史收入分析',
                            type: 'pie',
                            data: [
                                { value: idx * 128 + 80, name: '信息1组' },
                                { value: idx * 64 + 160, name: '信息2组' },
                                { value: idx * 32 + 320, name: '信息3组' },
                                { value: idx * 16 + 640, name: '信息4组' },
                                { value: idx++ * 8 + 1280, name: '信息5组' }
                            ]
                        }
                    ]
                },
                {
                    series: [
                        {
                            name: '部门历史收入分析',
                            type: 'pie',
                            data: [
                                { value: idx * 128 + 80, name: '信息1组' },
                                { value: idx * 64 + 160, name: '信息2组' },
                                { value: idx * 32 + 320, name: '信息3组' },
                                { value: idx * 16 + 640, name: '信息4组' },
                                { value: idx++ * 8 + 1280, name: '信息5组' }
                            ]
                        }
                    ]
                }
            ]
        };

        myChart2.setOption(option);
    }
    );
</script>
